<{include file="blog/block/header_new.html"}>
<style>
*{padding:0;margin:0;}
#wrap{
position:relative;
margin:0px auto;
-webkit-column-width:700px;
-moz-cloumn-width:700px;
}
#wrap li{width:700px;display:inline-block;list-style:none;}
#wrap li img{width:670px;border-radius: 0.35em;display: block;padding:10px}
.boxCont{position:relative;margin:4px;border:1px solid #ccc;background:#eee;

box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}
.boxCont:before{
content:'';
width: 50px;
height: 50px;
top:0; right:0;
position:absolute;
display: inline-block;
z-index:-1;
-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;

}
.boxCont:after{
content: '';
width: 100px;
height: 100px;
top:0; left:0;
position:absolute;
z-index:-1;
display: inline-block;
-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				border-radius: 0.35em;
				border: solid 3px rgba(255, 255, 255, 0.5);

}
.boxCont:hover:before {
				background: url("images/overlay.png"), url("images/overlay.png");
				opacity: 1.0;
			}
.boxCont .biaoti {
				padding:0 10px 0 10px;text-align:center;
				opacity: 1.0;
			}
.boxCont ul{font-size:12px;text-align:center}


</style>

<div id="main">
  <section id="one" style="margin:0；padding:0">
  <!--面包屑导航开始-->
 <h5 style="margin-left:6px"><span class="ico_list breadna"></span>您的位置：<a href="index"><{$CONFIG.site.title}></a>
		&gt;<a href="<{link ctl='case:items'}>">装修案例</a>
		&gt;<a href="<{link ctl='case:detail' arg0=$detail.case_id}>"><{$detail.title}></a>
	</h5>
  </section>
  <section id="two" >
	<h2 style="margin-left:8px"><{$detail.title}></h2>
	<h4 style="margin-left:8px"><{widget id="attr/attr" from='zx:case' value=$detail.attrvalues tpl='show.html'}></h4>
	<div class="row">
       <!--瀑布流开始-->
	  <h4 style="margin-left:6px">设计思路：<{$detail.intro}></h4>


 <h5 style="margin:20px 0 20px 10px"> <span><a like="<{$detail.case_id}>"><font class="index_ico like_ico"></font><{$detail.likes}>人喜欢</a></span>  <span><font class="index_ico person_ico"></font><{$detail.views}>人浏览</span> </h5>
	  <ul id="wrap">
	    <{foreach $photos as $item}>
        <li>
		   <div class="boxCont" style="height:100%;">
		   <a href="<{$pager.img}>/<{$item.photo}>" class="img_a"><img src="<{$pager.img}>/<{$item.photo}>"/></a>
		     <ul><a href="#"><{$detail.title}></a> </ul>
		   </div>
		</li>
       <{/foreach}>	
      </ul>
	
		        <!--瀑布流结束-->
        
  </div>
       <{if $CONFIG.comment.case_type == 'sns'}>
        <{$CONFIG.comment.snscomment}>
        <{elseif $CONFIG.comment.case_type == 'comment'}>
     <div class="mb20 pding area" style="margin-left:10px">
			<h3>评论(共<font class="fontcl2"><{$pager.count|default:'0'}></font>条)</h3>
			<form class="pinglun" id='comment_form'>				
				<div>
					<ul><textarea class="text" name="content" placeholder="随便说点什么..."></textarea><ul/>
                    <{if $comment_yz}>
                     <ul style="color:#000;float:left;width:400px">&nbsp;&nbsp;验证码:
                                <input class="text short" type="text" name="verifycode" placeholder="请输入验证码" style="width:120px;float:left;margin-top:5px"/>
                                &nbsp;&nbsp;<img verify="#comment-verify" src="<{link ctl='magic:verify' http='ajax'}>&_=<{$pager.dateline}>" id="comment-verify"/><a verify="#comment-verify">&nbsp;&nbsp;点击刷新验证码</a>
                    <ul/>        
                    <{/if}>
					<ul style="color:#000;float:left;width:200px"><input type="submit" mini-submit='#comment_form' action="<{link ctl='case:comment' arg0=$detail.case_id}>" name="fbpl" value="发表评论" class="pinglun_btn" />
				</div>
				<div class="cl"></div>
			</form>   

			   
			<div class="new_pinglun">
				<p class="tit">最新评论</p>
				<ul>
                	 <{foreach $items as $item}>
                        <li>
						 <div class="lt">
                                <img src="<{$pager.img}>/<{$user_list[$item.uid].face_32}>" class="lt" />
                         </div>
                           
                            <div class="rt">
                                <p><span class="lt name"><{$user_list[$item.uid].uname}></span><span class="rt graycl"><{$item.dateline|format}></span></p>
                                <p><{if $item.audit == 0}><p class="tips"><span class="lock">该评论正在审核中</span></p><{else}><{$item.content}><{/if}></p>
                            </div>
                        </li>
                     <{/foreach}>
                     <{if $pager.pagebar}><div class="page hoverno"><{$pager.pagebar}></div><{/if}>
				</ul>
			</div>

		</div>
       <{/if}>
<div class="mb20 pding area" style="margin-left:10px">
			<h3>相关案例</h3>
			<div class="sub_case_rtpic">
                <{calldata mdl="case/case" order="views:DESC" city_id=$request.city_id limit=9}><a href="<{link ctl='case-detail' arg0=$item.case_id}>"><img src="<{$pager.img}>/<{$item.photo}>" /></a><{/calldata}>
			</div>
</div>

</section>
 </div>
<script type="text/javascript" src="<{$pager.res}>/script/galleria/galleria-1.3.5.min.js"></script>
<script type="text/javascript" src="<{$pager.res}>/script/galleria/galleria.classic.min.js"></script>
<script type="text/javascript">
(function(K, $){
$(".coDe ").mouseover(function(){
	$(this).find(".show").show();
}).mouseleave(function(){
	$(this).find(".show").hide();
});

$("[like]").click(function(){
    var case_id = $(this).attr("like");
    $.getJSON("<{link ctl='case:like' arg0=$detail.case_id}>", function(ret){
        if(ret.error){
            Widget.MsgBox.error(ret.message.join(","));
        }else{
            Widget.MsgBox.success(ret.message.join(","));
        }
    });
});
})(window.KT, window.jQuery);
    
</script>

<script type="text/javascript" src="http://www.zjzs.com.cn/static/script/raty/jquery.raty.js"></script>
<script type="text/javascript">
(function(K, $){
	$('b[comment-score]').raty({
		path: "http://www.zjzs.com.cn/static/script/raty/img/",
		score: function() {return $(this).attr('data-score');},
		hints: ["差","还行","好","很好","非常好"],
		click: function(score, evt) {$("#comment-"+$(this).attr("comment-score")).val(score);}
	});
    $("[verify]").click(function(){
        $($(this).attr("verify")).attr("src", "http://www.zjzs.com.cn/index.php?magic-verify.html&_"+Math.random());
    });
})(window.KT, window.jQuery);
</script>